/* #ifndef H5 */
:root {
/* #endif */
/* #ifdef H5 */
:root[data-theme='sxran-im-light']{
/* #endif */
  /* 背景颜色 */
    --uni-bg-color: #ffffff;
    --uni-bg-color-grey: #cccdcb;
  	--uni-bg-color-assist: #f2f2f2;
  	--uni-bg-color-content: #ffffff;
  	--uni-bg-color-envoy: #f2f2f2;
    --uni-bg-color-hover: rgba(0,0,0 , 0.1);
	--uni-bg-color-active: #0099ff;
    --uni-bg-color-mask: rgba(36, 116, 181, 0.7);
	--uni-bg-color-bubble: #ffffff;  //气泡
	--uni-bg-color-active: #ccebff;  //气泡
    /* 文字颜色 */
    --uni-text-color: #000000; /* 主要文字颜色 */
    --uni-text-color-inverse: #ffffff; /* 反色文字 */
    --uni-text-color-grey: #909193; /* 辅助文字颜色 */
    --uni-text-color-placeholder: #9999a5; /* 占位符文字颜色 */
    --uni-text-color-disable: #80b3d4; /* 禁用状态文字颜色 */
    --uni-text-color-active: #0099ff;
    /* 边框颜色 */
    --uni-border-color: #d0d3d7;
  
    /* 行为相关颜色 */
    --uni-color-primary: #0099ff;
    --uni-color-success: #4cd964;
    --uni-color-warning: #f0ad4e;
    --uni-color-error: #dd524d;
    --uni-color-info: #909399;
    --uni-color-main: #303133;
    --uni-color-content:#999999;
    --uni-color-tips: #909193;
    --uni-color-light: #c0c4cc;
  
    /* 文章场景相关 */
    --uni-color-title: #ffffff; /* 文章标题颜色 */
    --uni-color-subtitle: #d1e3f3; /* 二级标题颜色 */
    --uni-color-paragraph: #999999; /* 文章段落颜色 */
    --uni-color-link: #4cd964; /* 链接颜色 */
    --uni-color-quote: #d1e3f3; /* 引用颜色 */
    --uni-color-code: #f0ad4e; /* 代码块颜色 */
    --uni-color-blockquote-background: #1c6ca1; /* 引用背景颜色 */
    --uni-color-code-background: #1c6ca1; /* 代码块背景颜色 */
    --uni-color-hr: #e8eaed; /* 分隔线颜色 */
  	
  	--uni-thumb-color: #dadbde; //滑块
  	--uni-thumb-color-hover: #dadbde; //滑块
}